Ext.onReady(function() {

	var mainPanel = Ext.create('Ext.tab.Panel', {
		id : 'mainPanel',
		region : 'center',
		defaults : {
			bodyStyle : 'padding:15px'
		},
		width : 200,
		split : true,
		border : false
	});

	var tree = Ext.create('Ext.tree.Panel', {
		rootVisible : false,
		border : false,
		root : {
			expanded : true,
			children : [ {
				text : '合同管理',
				url : 'contract/view',
				leaf : true
			}, {
				text : '合同进度追踪',
				url : 'contract/processView',
				leaf : true
			}, {
				text : '辅料管理',
				url : 'greenHouse/view',
				leaf : true
			}, {
				text : '采购申请',
				url : 'greenHouse/view',
				leaf : true
			}, {
				text : '产品开发进度',
				url : 'developProgress/view',
				leaf : true
			} ]
		},
		listeners : {
			itemclick : function(tree, record) {
				if (record.raw.url) {
					var tab = Ext.getCmp(record.raw.text);
					if (!tab) {
						tab = Ext.create('Ext.panel.Panel', {
							id : record.raw.text,
							title : record.raw.text,
							closable : true,
							html : '<iframe scrolling="auto" frameborder="0" width="100%" height="100%" src="' + record.raw.url + '"></iframe>'
						});
						mainPanel.add(tab);
					}
					mainPanel.setActiveTab(tab);
				}
			}
		}
	});

	var westPanel = Ext.create('Ext.panel.Panel', {
		region : 'west',
		defaults : {
			bodyStyle : 'padding:15px'
		},
		width : 200,
		id : 'west-region-container',
		split : true,
		collapsible : true,
		border : 0,
		items : [ tree ]
	});

	Ext.create('Ext.Viewport', {
		layout : 'border',
		items : [ {
			region : 'north',
			xtype : 'panel',
			border : false
		}, westPanel, mainPanel ],
		renderTo : Ext.getBody()
	});
})
